<html>
<head>
	<title>PNG Dungeon Generator</title>
	<script type="text/javascript" src="jquery.min.js"></script>
	<script type="text/javascript" src="jquery.tipTip.js"></script>
	<script type="text/javascript" src="jquery.tipTip.minified.js"></script>
	<script type="text/javascript" src="dungeonCell.js"></script>
	<script type="text/javascript" src="matrix.js"></script>
	<script type="text/javascript" src="globals.js"></script>
	<script type="text/javascript" src="dungeonLayer.js"></script>
	<script type="text/javascript" src="initializer.js"></script>
	<script type="text/javascript" src="draw.js"></script>
	<link rel="stylesheet" type="text/css" href="tipTip.css">
	<link rel="stylesheet" type="text/css" href="style.css">
	<link rel="stylesheet" type="text/css" href="form.css">
	<link rel="stylesheet" type="text/css" href="table.css">
	<style>
		.center {text-align:center;}
		.right {text-align:right;}
		.bold {font-weight:bold;border:2px solid #000099;}		
		.boldPenalty {font-weight:bold;border:2px solid #990000;}
		.boldAdvantage {font-weight:bold;border:2px solid #000099;}
		.feats {text-decoration:underline;}
		
	</style>
</head>
<body>
	<div id="headerwrap">
		<div id="header">
			<div id="logo">
         		<h1>Pathfinder<br>Dungeon<br>Creation Center</h1> 
      		</div>
      		<img id="flourishTop" src="./pageImages/flourishTop.png" alt="Top Floris">
		</div>
	</div>
	
	<div id="container">
		<div id="dungeonContainer">
			<div id="dungeon">
				<div id="dungeonLabel">Dungeon</div>
				<div id="layerMenuContainer">dda</div>
				<div id="dungeonTable"></div>	
			</div>
			
		</div>
		<div id="tiles">
			<ul>
				<li class="menu">
					<ul>
						<li class="title">
							Pareti <img src="./images/downArrow.gif" />							
						</li>						
						<li class="sub-menu sub-menu-open">
							<ul>
								<li>parete 1</li>								
								<li>parete 2</li>
							</ul>							
						</li>
					</ul>					
				</li>
			</ul>
		</div>
	</div>
</body>
</html>